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. 
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The educational administration: 
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. 
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Distribution of computer and information technology & 
content 
For 2"™.Prep - 2024 
Second Term 


Week 


Activity 


(Unit One) 


Accompanying activities 


Explains HTML commands 
Uses HTML commands to produce an 


1 Form & some formtools à , 
interactive web page 
Performs some operations )add field / add 
button Radio Button( in HTML 
Explains some elements of HTML 
2 HTML & some form (Checkbox & Button & Submit button & 
7E tools Resetbutton) 
Writes HTML commands correctly 
a 3 The project Design aweb page to record your 
. ° data 
D £ (Unittwo) Recognize some basic concepts of the 
is, Java Script language 
4 Basic concepts of Java , f i 
é”. Script Recognize basic rules for creating a 
.. Web page using Java Script commands 
d al Precisely write Java Script code 
oms Learn howto call Java Script code using a 


Call Java Script Code 


button command button. 

Learn whata Function is 

Writes the function call code 

Employs the Java Script programming 
language tools in an interactive project 


The branching If 
Statement 


Uses some Java Script commands to 
create aweb page 


Solve examples using the if condition 


Collaborates with colleagues in carrying 
out learning activities 


Verify the correctness 
of the data entered in 
the web page 


Verify the correctness of the data entered 
intheweb page 

It discusses the validity of the data entered 
inthe web page 

Performs data entry operations onthe web 
page 

His classmates enter some students’ data 
onthe interactive webpage 
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Activity 


Follow verify the 
correctness ofthe 
data enteredin 
the web page 


page 


His classmates entersome students data 
onthe interactive webpage 


The project 


Design an interactive web page 
It develops the interactive web page 
Compare between static and interactive web 


page 


(Unitthree) 
Safe use of the 
Internet 


Recognize common concepts of Internet 
users (identity theft - malware 

- spyware ... ) 

He mentioned the largest number of ideas 
about the situations that Internet service 
users may encounter 

Designs an electronic board for bad internet 
usage situations 

Explains guidelines for safe use of Internet 


services 


He appreciates the importance of the safe 
use of Internet services in our life 
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General review + practical test 
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Accompanying activities 
Verify the correctness of the data enteredin 
the web page 

It discusses the validity of the data enteredin 
the web page 

Performs data entry operations onthe web 


2 
PEA 
* Providing students with the appropriate amount of scientific and 


basic knowledge and skills related to information technology. 


The General Objectives of Computer 


* Develop basic scientific thinking skills with a focus on modern 


technological skills through their interaction with the computer. 


* Training students to work in a team by practicing computer 


techniques. 


* Developing self-education skills in orderto access the correct 


information by themselves through the use of computers. 


* Developing students awareness of the importance of using 


0. computers in all areas of life. 
é”. ` * Students' appreciation of the role that computers play in problem 


£. a! solving. 
® a 


oe * Students familiarize themselves with the computer and deal with 
3 _ its programs without intimidation. 
Fae 


* Developing the Egyptian personality capable of facing the 


Af « challenges ofthe third millennium inthe technology and 


information revolution. 


* Acquiring the right ethics and behaviors in dealing with others 
through the means and tools of information and communication 


technology. 


Teacher Supervisor School Principal 
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The specified objectives of computer 


Atthe end of the second term the student will be able to: 


v Knowthe main concepts and terminologies of the technology of 
information and communication system. 

v Understanding allthe sides of safe thinking connected to using 
information and communicationtechnology. 

v Using (Javascript - HTML) languages in supporting our learning. 

v Using some Javascript commands to create a web page. 

v Designing an interactive web page using programs operations and 
technologytools. 

v Recruiting technology tools in exchanging information between 
others. 

v Using electronic resources in dealing with information. 

v Collecting all sides of security thinking (Cultural — Social - 
Ideological — Ethical) using communication and information 


technology. 


Teacher Supervisor School Principal 
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Date 
Session 


Class 


Lesson 
‘a objectives: 


hd, 
» ®- Lesson 


Warmup: 


i re * Presentation: 


ea 
Da. Evaluation: 


nit One ( 
Lesson(1) Form 


Dialogue, discussion and 
Strategy brainstorming- cooperative 
learning 
White board — Data show - 
Scratch program 


i Teaching aids 
Websites) 


By the end of the lesson, the student should be able to: 

1- Know the meaning of form. 

2- Explain the HTML tags in creating an interactive webpage. 
3- Subscribe with his friends in designing projects. 


What do you know about webpage? 


Form: 
Through it, you can add a set of elements to the web page such as 


(buttons and fields) that you use to enter your data for the purpose of 
sending itto the website to be stored 


Textbox: 
It helps the page visitor to entertext data by 
typing inside the box using the keyboard using 


the tag <input type = “text> 

Password: 

The symbol * appears when typing ald 
inside itto hide the content 


of the real 


Radio Button: 
Radio button :It helps you to choose only one 


alternative out of several Female (= Male 
<inputtype="radio“name="a" > male 


Choose one option only 


<inputtype="radio“name="a" >Female 


Complete: To add afield to write student name use the tag 
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Date 
Session 


Class 


Cooperative Education - 
Practical Training 

White board — Data show - 
Scratch program 


Strategy 


Teaching aids 


nit One(Websites) 
Lesson(2) Form 2 


Lesson By the end of the lesson, the student should be able to: 
é` objectives: 1- Explain some Htmltags. 
2- Write the HTML tags in aright way. 
3- Know the importance of HTML language. 


% >i Warmup: How do you can you use add other tools to (save — erase) data in the form? 

b ® : Lesson Checkbox: Choose Language 
' o s Presentation: You to select more than one option from 

é”. checkboxatthe same time Arable 

10), (several alternatives) English 
é. a! <input type="checkbox">Arabic French 
,@ 

ea Button input field: ~ 

"CR, It can perform many functions such as 
>. recording/clearing your data, calling afunction a 
‘@ , <inputtype = button" value="ok"> 

Submit button: 


By clicking onit, your data that you entered 
Through the form elements willbe sentto 
another page (by adding the action property 
of the form) Hunme Query | 
<inputtype="submit" 


Reset button: 

Itis used to delete previously entered 

values and return to the default values forthe 
tools 

<inputtype="reset"> 


Evaluation: Complete: The tag used to add a checkboX................ccceseeeees 
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Date 


Class 


Strategy 


White board — Data show - 
Scratch program 


Teaching aids 


nit One (Website) 
Lesson(3) Project 


Lesson By the end of the lesson, the student should be able to: 
objectives: 1- Identify the main HTML tags to design an interactive webpage. 
é> 2- Save his projectin aright way. 
3- Understand importance of HTML. 


, Warm up: Design you web page? 


% «Lesson 
, 9.: Presentation: 


d al _ a 
<body dir—rti'> Pan gt eng Coe akali Bt 
d eaii <center> akah Jila SAI daya g3 
a ar RAS Cy Ab AD Ae wt DG 
whe ellis Ly Jewitt br><br><br> aN. 2 
e A <form action='pro.php > Pro.php aian „I Aan Jai 
ee p) <input type—text><br><br><br> 
‘eo ` Gsi 4s <input type—"password’><br><br><br> 
sapi las ash <input type—passwerd'><br><br><br> 
3 BNL Gull <input type—"text’><br><br><br> jio ið ya 


es % és) <input type—radio">_<<iInput type—"radio">, Aj 
z Be i 
ome <br><br><br> Sat ans Asset 25 pz 290 i0 4390 yp in 
HAY 


Salary) Aas (=) Ge) 


<input type="checkbox >g APA yts 


<input type="checkbox =, aià Da Am g J Apt 

<input type ="checkbox>, 4) = 

<br><br><br> last ASG Adie 

<input type—"reset’ value="a"> Sayap Carey Jha Aana Aayshld CAT ogi othe 
&nbsp&nbsp&nbsp 


Ws SA ae top Reel yt Ais Submit 25 etc! 


i 
eae Evaluation: Evaluating student's projects 
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Date 
Session 


Class 


Dialogue, discussion and 
brainstorming 

White board — Data show - 
Scratch program 


Strategy 


Teaching aids 


Unit Two (Java Script) 
Lesson(1) Javascript concepts 


Lesson objectives: By the end of the lesson, the student should be able to: 


7 ` 1- Identify the main concepts of Javascript. 
2- Getthe skill of Javascripttags in aright way. 
pal 3- Understand importance of learning Javascript. 
®% « Warmup: How can you use javascript language? 
b 
“=, Lesson JavaScript basics: 
s; *. Presentation: 1- JavaScript commands are called Statements. 
5 2- Statements are written inside the Html code 
Sa a! 3- Write commands and instructions <script></script> 
whe i 4- Each Statement must end with a semicolon(:) 
FS 5- The letter case must be considered while writing 
> » JavaScript statements. 


Alert statement: is used to display a 
message inside a box, which attracts 
attention to read it 
<script> 
alert "Welcome:’ 
</script> 


Document.write statement: 
The document.write statement is used to 
show a written message onthe web 
page itself 
<script> 
Document.write (“Computer and Information Technology 
Subject’) 
</script> 


_ Evaluation: Complete: We use alert statementto.................ccscecee 
a 
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Date 
Session 


Class 


Dialogue, discussion and 
Cooperative Learning 
White board — Data show — 
Scratch program 


Strategy 


Teaching aids 


nit Two (JavaScript) 
Lesson (2) Calling Java Script 


Lesson By the end of the lesson, the student should be able to: 
a objectives: 1-Knowthe meaning of “Function”. 
2- Write the code of calling function in aright way. 
vie? 3- Help friends in their projects. 
% a Warmup: Can you callthe function anytime? 
® * Lesson Function: 


Itis JavaScript statements grouped together , named block and performed 


é“. Presentation: i l C i i 
according to call it, and it must be given a suitable name to the function that 


.. > 
<i 4 indicates its function and takes two paths 
| 9a! To Create a function (containing JavaScript statements): 
para 1- Write the command function and then write 
k ' function name) an appropriate name forthe Function name () 
>. function (preferably code to be executed { 
rors indicating its function) Function code 
i 2- write the code that will be executed inside } 
brackets{ }to be executed when calling the 
function 


To Callthe function (to execute the commands thatit script 
1- Add a button command 
2- Addthe onclick property tothe 
command button 
3- The onclick property whose value 
is the name of thescript 
<inputtype="button" onclick="country()" value="click me"> 


Dealing with textbox content: 
<scri pt> mohammed || click me seem +i; ai 
function country() 


x 
Message from webpa... Simi 


A mohammed 


gaili Gyles 


alert (form1.t1.value); 
} | 
</script> 
</body> 
</html> 


“ Evaluation: Put VorX:We can callthefunctionwithoutitsname ( ) 
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Date 
Session 


Class 


Dialogue, discussion and 
Cooperative Learning 
White board — Data show — 
Scratch program 


Strategy 


Teaching aids 


Lesson (3) If statement 


Lesson 
objectives: 


=. Evaluation: 


J 
a 
— 
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By the end of the lesson, the student should be able to: 

1- Identify some java script commands. 

2- Solve some exercises using if condition. 

3- Cooperate with his friends in doing some exercise. 

Can you execute a part of the code when the code istrue? 
Branching: 

Sometimes we may need to implement or not execute 
commands or sentences depending onthe result of atest 


(conditional expression). 


Howto write if conditional statement 


If Conditional Yes No 
| 
statement 
Print “Pass” 
Code If Conditional 
} 


e Thecodewill be executed ifthe condition is true 


e Thecodewill not be executed if the condition is false 


Put VorX: 
If the conditionis true the code willbe executed ( ) = | 


LEY 


Date 
Session 


Class 


Dialogue, discussion and 
Cooperative Learning 
White board — Data show — 
Scratch program 


Strategy 


Teaching aids 


l F J = 


nit Two (Java Script) 
Lesson (4) Validate data entered 
into web page 
_ Lesson By the end of the lesson, the student should be able to: 
* objectives: 1- Discuss the validation of the entered data. 


2- Input some data. 
3- Cooperate with his friends in creating an interactive webpage. 


> a Warm up: How can you make sure thatthe field is not empty? 


vg “ Lesson Data validation: 
é=. Presentation: Itis the process of controlling the data entered in case of :] 


PA 2! 1- Leaving blank fields.( Required field) 
@ 4 
I . i 


we 


if (form1.text1.value=='") 


2| 6 pg 
8) FAYa» e2\eXwalidatic O ~ © || — Jav.. 


[ Gila aut jai 


Jas! 


Message from webpage 


Â E56 awe! Jia et coe mi 


Validate data entered into web page conditions: 
Leave blank fields. 
Writing an unlimited number of letters and numbers inthe 
field 
Password mistakes 
Entering any type of data in one field 


: Evaluation: Complete: 
‘ The code responsible for making sure of datain afield ................. 
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Date 
Session 


Class 


Dialogue, discussion and 
brainstorming 

White board — Data show - 
Scratch program 


Strategy 


Teaching aids 


Lesson(5) Validate data entered 


into web page 2 
.« « Lesson By the end of the lesson, the student should be able to: 
objectives: 1- Discuss the validation of the entered data . 


2- Input some data. 
3- Cooperate with his friends in creating an interactive webpage. 


Py € Warm up: How can you make the field receive numeric data only? 
b ° 
é”. Lesson Controlling the length of characters entered inthe field. 
** * Presentation: alert (" password must not be greater than 8 characters”); 
@. a! return false; 
} Là i h , 


Matching the data entered into two fields 
alert(" two words are validated”); 
return false; 


preventawrongtype of data 
alert(" enter numeric data”); 
return false; 


a Evaluation: Complete: 
4 To validate two passwords the we use the condition .................ccecer 
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Date 
Session 


Class 


Dialogue, discussion and 
brainstorming 

White board — Data show - 
Scratch program 


Strategy 


Teaching aids 


Lesson(6) project 


. Lesson By the end of the lesson, the student should be able to: 
* objectives: 1- Design aninteractive webpage. 
r 2- Compare between static and interactive webpages . 
pat 3- Understand importance of HTML- Javascript. 
ea 
® . Warmup: Can you design a project? 
é“. Lesson After making sure of entered data validation, add awebpageto 
* * © Presentation: enter data and make sure of: 
Th, bags Leave blank fields. 
R Writing an unlimited number of letters and numbers in the 
>. » field 
eee Password mistakes 


Entering any type of data in one field 


d Evaluation: Evaluate the student's projects 
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á Date 
Session 


Class 


Dialogue, discussion and 
brainstorming 

White board — Data 
show — Scratch program 


Strategy 


Teaching aids 


nit Two (JavaScript) 
Lesson(7)HTML5 


Lesson By the end of the lesson, the student should be able to: 
é` objectives: 1- Identify the new advantages of using HTML. 
2- Write code inthe right way. 
e 3- Recognize the importance of using HTML. 
% n Warmup: What do you know about HTML? 
; ® js ` Lesson color box: Ea e. 
é- * Presentation: Allows the user to choose acolorthrough the color box 
RA Howto write the tag: 
- @4 <inputtype='color'> 
K a! 
®@ 
deta Date box: 
TR Allows the userto enter a specific date in the calendar window 
>. Howto write the tag: 
er <"inputtype="date"> 
Number box: 


This toolis created onthe web page to enter values that nyc" 2299 5 
and a specific range for these values can be specified 

Howtowrite the tag: 
<inputtype="number" min="1" max="20"> 


Using the Required property: 
When using this feature, this requires that a value be 


Howto write the command: m 
<inputtype="text" Required> < > 


File Edit View Favorites Tools ~ 


This is a required field | 


M- Evaluation: Complete. ................. Is anewversion of HTML appeared in 2014 


a 


— Prepared and Designed by/Yasmin Shoaeb yaio jiga slisal 5a jd U9 > 


b DS a 
p ‘ my -0 
xc 1 3 


Lesson By the end of the lesson, the student should be able to: 
objectives: 1- Identify the main concept of the safe use of the internet. 


Date 


Session 


Dialogue, discussion and 
brainstorming 
White board — Data show - 
Scratch program 


Strategy 


Teaching aids 


Unit Three 
Safe use of the internet 


2- Acquire the main side of the internet safe use. 
3- Understand the importance of the safe use of internet. 


Warm up: How can you use the internet ina safe way? 
% «Lesson Identity Theft: Impersonation or use of another person's name or any 
+ ® . ` Presentation: information related to him to steal him or others. 


é”. 


E E 
R Y 

4 
Pai 


Malware: It refers to hostile or intrusive programs that infiltrate 
computer systems, and to avoid them, antivirus programs must be used. 


Spyware: Computer programs that collect data about users without 
obtaining their consent and can be avoided by using anti-virus programs 
and malicious advertisements. 


Virus: Asmall, harmful program with the ability to self-propagate 
infecting computers and programs. 


Secret codes: we mean all personal data that should not be disclosed to 
anyone, such as passwords 


Importantinstructions forthe safe use of the Internet: 

1. Keep your password and username safe and not published. 

2. Think carefully before posting personal photos or posting content onthe 
Internet 

3. Concern sought permission before publishing pictures on the Internet or 
sending them by mail 

4. Do not accept any anonymous messages 

5. Do not add others to your friend list unless you know them personally 

6. Learn howto block and report certain people's access to you 


7. Realizing that online conversations are not private and can be stolen 
nae 
™ Evaluation: Complete: Spyware are ............c:cccseceeeees 
a 
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